@import 'gongshi.less';
 body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }

.fl-footer{
    position: fixed;
    bottom:0;
    z-index: 999;
	width: 100%;
	.px2rem(height,100);
	display: flex;
	background: #fafafa;
	justify-content:center;
	box-sizing: border-box;
	border-top: 1px solid #d6d6d6;
		a{
			.px2rem(margin-top,10);            
			flex:1;
			display: flex;
			align-items:center;
			flex-direction:column;
			dl{
                
				dt{
					.px2rem(font-size,40);
				}
				dd{
					.px2rem(margin-top,8);					.px2rem(margin-top,5);
					.px2rem(font-size,20);
					color: #888888;
				}
			}
		}
		.fl-xz{
			color: #a20000;
			dl{
				dd{
					color: #a20000;
				}
			}
		}
	}

	.header{
		.px2rem(line-height,89);
		background: #fdfbfe;
		border-bottom:1px solid #e6e6e6;
		text-align: center;
		.px2rem(font-size,31);		
	}
	.banner{
		.swiper-container {
		width: 100%;
		.px2rem(padding-top,30);
		.px2rem(padding-bottom,50);
		}
		.swiper-slide {
		background-position: center;
		background-size: cover;
		.px2rem(height,300);
		.px2rem(width,500);
		}
	}
	.top{
			background: #fff;
			.px2rem(margin-bottom,30);            
		
	}
		.subnav{

		
		 .swiper-container {
		width: 100%;
		height: 100%;
		}
		.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		dl{
			dt{
				img{
					.px2rem(height,170);
					.px2rem(width,170);
				}
			}
			dd{
					.px2rem(font-size,20);
					.px2rem(padding,10);
					
				
				
			}
		}
		}
}
.main{
	background: #fff;
	h1{
		.px2rem(line-height,125);
		.px2rem(font-size,25);
		text-align: center	
	}
	.more{
		background: #eee;
		.content{
			dl{
				margin: 0 auto;
				background: #fff;
				width: 95%;
				dt{	
					margin: 0 auto;
					
					width: 95%;
					img{
						width: 100%;
					}
				}
				dd{
					width: 95%;
				.px2rem(line-height,125);
		.px2rem(font-size,25);
		.px2rem(padding-left,35);
				
					
				}
			}
		}
	}
}